<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				width: 100px;
				height: 100px;
				background: red;
			}
			a{
				width: 100px;
				height: 100px;
				background: yellow;
			}
			img{
				width: 200px;
				height: 200px;
			}
		</style>
	</head>
	<body>
		<h1>标签总结：所有的标签，一共分为三种类型</h1>
		<h3>第一种标签：块级标签，代表的是：h1-h6,div,p,ul,li,ol</h3>
		<h3>块标签的特点：1：所有的标签独自占有一行，2：可以设置宽和高</h3>
		<div></div>
		aaaaaaaaaaa
		<h3>第二种标签：行内标签，代表的是：a,span</h3>
		<h3>行内标签的特点：1：所有的标签都是并排显示，2：不可以设置宽和高</h3>
		<a href="#">黑马程序员</a>
		bbbbbbbbbb
		<h3>第三种标签：行内块标签，代表的是img</h3>
		<h3>行内块标签的特点：1：所有的标签都是并排显示，2：可以设置宽和高</h3>
		<img src="img/banner.jpg"/>
		cccccccccc
	</body>
</html>
